<template>
    <el-button type="primary" @click="drawerConfig.isShow=true">打开抽屉</el-button>
    <QilinDrawer v-model:drawerConfig="drawerConfig" @handleClose="drawerConfig.isShow=false">
        <span>Qilin组件的抽屉</span>
    </QilinDrawer>
</template>

<script setup>
import {reactive,ref} from "vue";


/*
    响应式选项区域
*/


/*
    数据变量定义区域
*/


/*
    计算属性等代码区域
*/


/*
    逻辑脚本代码区域
*/
const drawerConfig=reactive({
    isShow:false,
    title:"Qilin组件抽屉",
    isHideFooter:true
});


/*
    生命周期等代码区域
*/


</script>

<style lang="scss" scoped>
.qilin-{

}
</style>
